<!DOCTYPE html>
<html class="x-admin-sm">

  <head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.2</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
      <link rel="stylesheet" th:href="@{/css/font.css}">
      <link rel="stylesheet" th:href="@{/css/xadmin.css}">
      <script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
      <script type="text/javascript" th:src="@{/js/xadmin.js}"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
  <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">学生操作</a>
          <a>转专业管理</a>
        <a>
          <cite>转专业申请</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
          <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
  </div>
    <div class="layui-fluid">
        <div class="layui-row">
            <form action="" method="post" class="layui-form layui-form-pane">

                <div class="layui-form-item">
                    <div class="layui-input-inline">
                        <input type="hidden" name="sid" th:value="${session.isStudent} == true ? ${session.user.id} : 0">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label for="classid" class="layui-form-label">
                        <span class="x-red">*</span>目标专业班级
                    </label>
                    <div class="layui-input-inline">
                        <select name="classid" id="classid">
                            <option th:each="class : ${classes}" th:value="${class.id}" th:text="${class.name}"></option>
                        </select>
                    </div>
                </div>

                <div class="layui-form-item layui-form-text">
                    <label for="msg" class="layui-form-label">
                        申请理由
                    </label>
                    <div class="layui-input-block">
                        <textarea placeholder="请输入申请理由" id="msg" name="msg" class="layui-textarea"></textarea>
                    </div>
                </div>
                <div class="layui-form-item">
                <button class="layui-btn" lay-submit="" lay-filter="add">申请</button>
              </div>
            </form>
        </div>
    </div>
    <script>
        layui.use(['form','layer'], function(){
            $ = layui.jquery;
          var form = layui.form
          ,layer = layui.layer;


          //监听提交
          form.on('submit(add)', function(data){
              $.ajax({
                  type: 'post',
                  url: '/kxp/student/sendSwitchApplication',
                  dataType: 'json',
                  data: data.field,
                  success: function (reback) {
                      alert("申请成功！，请等待老师审核");
                  },
                  error: function () {
                      //错误信息
                  }
              }),layer.msg('申请成功！，请等待老师审核',{icon:1,time:1000});
          });

        });
    </script>
    <script>var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();</script>
  </body>

</html>
